/*
Sitemap
==========================================
Contains the styles for the the Sitemap.

The sitemap page shows all categories and subpages of the shop in an overview.

The sitemap link is located in the footer information column.
*/

.sitemap--content {
    .unitize(margin-top, 10);

    .sitemap--headline {
        .unitize(margin-bottom, 10);

        .sitemap--title {
            margin-top: 0;
        }

        .sitemap--headline-text  {
            .unitize(margin-bottom, 0);
        }
    }

    .sitemap--category {
        .unitize(padding-bottom, 10);
        .unitize(margin-bottom, 16);
        .unitize(min-height, 60);
        background-color: @gray-light;

        .sitemap--navigation-link {
            .unitize-padding(4, 0, 4, 20);
            color: @text-color;
            display: block;

            &:hover {
                color: @brand-primary;
            }
        }
    }
    .sitemap--navigation-entry-inner {

        .sitemap--navigation-link {
            .unitize(padding-left, 35);
        }

    }
    .sitemap--navigation-head {
        .unitize-padding(4, 10, 4, 10);
        .unitize(margin-bottom, 8);
        background: @brand-secondary;

        .sitemap--navigation-head-link {
            color: #fff;
        }
    }
}

@media screen and (min-width: @tabletViewportWidth) {

    .sitemap--content {
        .unitize(margin-top, 20);

        .sitemap--headline {
            .unitize(margin-bottom, 20);
        }

        .sitemap--category {
            width: 49%;
            float: left;
            margin-right: 2%;

            &:last-child,
            &:nth-child(2) {
                .unitize(margin-right, 0);
            }
        }
    }
}

@media screen and(min-width: @tabletLandscapeViewportWidth) {

    .sitemap--content {

        .sitemap--category {
            width: 24%;
            float: left;
            margin-right: 1.25%;

            &:last-child {
                .unitize(margin-right, 0)
            }
            &:nth-child(2) {
                margin-right: 1.25%;
            }
        }
    }
}

@media screen and (min-width: @desktopViewportWidth) {

    .sitemap--content {
        .unitize(margin-top, 45);
    }
}